import React, { Component } from 'react';
import Comp1 from './components/Comp1'
import { MyContent } from './store'
class App extends Component {
  state = {
    flag: false,
    list: [],
    // 添加list 的方法
    // 注意该方法的 this 指向问题
    addList: this.addList.bind(this)
  }
  addList(item) {
    const { list } = this.state
    this.setState({
      list: [...list, item]
    })
  }
  render() {
    return (
      <div>
        <button onClick={() => this.setState({ flag: true })}>添加</button>
        <button onClick={() => this.setState({ flag: false })}>列表</button>
        {/* 提供context 数据 */}
        { /* 第二步  每个 Context 对象都会返回一个 Provider React 组件，
          它允许消费组件订阅 context 的变化。 value 一层一层向下传递的数据 */}
        <MyContent.Provider value={this.state}>
          <Comp1></Comp1>
        </MyContent.Provider>


      </div>
    );
  }
}

export default App;
